<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link href="markdown.css" rel="stylesheet" type="text/css">
    <script src="marked.min.js"></script>
</head>
<body>
<article id="content" class="markdown-body"></article>
<script type="text/javascript">
        function parseMarkdown(content) {
            marked.setOptions({
                renderer: new marked.Renderer(),
                gfm: true,
                tables: true,
                breaks: false,
                pedantic: false,
                sanitize: true,
                smartLists: true,
                smartypants: false
            });
            document.getElementById('content').innerHTML = marked(content);
            alignScroll();
        }
        function alignScroll() {
            window.handler.onHTMLGenerated();
        }

</script>
</body>
</html>